/* .flex{
    display: flex;
    /* 默认display:flex 不支持元素换行，所以当想让元素换行是必须要加上这个属性 *
    flex-wrap: wrap;
}

.flex p{
    /* width: 100%; *
    flex: 1;
}
/* 
p{
    display: inline-block;
    width: 100%;
} */

.flex{
    display: flex;
    flex-wrap: wrap;
}

.row-1{
    width: 8.333333%;
}

.row-2{
    width: 16.666667%;
}

.row-3{
    width: 25%;
}

.row-4{
    width: 33.333333%;
}

.row-5{
    width: 41.666665%;
}

.row-6{
    width: 50%;
}

.row-7{
    width: 58.333333%;
}

.row-8{
    width: 66.666667%;
}

.row-9{
    width: 75%
}

.row-10{
    width: 83.333333%
}

.row-11{
    width: 91.666667%;
}

.row-12{
    width: 100%;
}